<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/resources/favicon.ico">
    <link rel="stylesheet" href="resources/layui/css/layui.css" th:href="@{/resources/layui/css/layui.css}" media="all"/>
    <title>404 - 页面丢失啦</title>
</head>
<style type="text/css">
    body {
        /* 修改背景色调 */
        background: rgba(223, 223, 255, 0.39);
        display: flex;
        justify-content: center; /*body内容水平居中显示*/
        align-items: center;     /*body内容垂直居中显示*/
    }
    .error{
        margin-top: 100px;
    }
    .error .code {
        font-size: clamp(150px,20vw,200px);
        font-family: 'Arial Narrow';
        color: rgb(30, 159, 255);
        font-weight: bolder;
        text-align: center;
    }
    .error .msg {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .error .action {
        float: left;
        margin-left: 90px;
        margin-top: 30px;
    }
</style>
<body>
<div class="error">
    <div>
        <div class="code">404</div>
        <div class="msg">很抱歉，没有找到这个页面！</div>
    </div>
    <button type="button" class="layui-btn layui-btn-normal layui-btn-radius action" onclick="history.go(-1);return true;">返回首页</button>

</div>
</body>
</html>